.TrialBenefitsModalStepMore {
    &.learn-more-button {
        display: block;
        width: fit-content;
        padding: 13px 20px;
        border: none;
        border-radius: 4px;
        margin-top: 16px;
        background: var(--sys-center-channel-bg);
        box-shadow: inset 0 0 0 1px var(--sys-button-bg);
        color: var(--sys-button-bg);
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;

        &:hover:not(.disabled) {
            background: rgba(var(--sys-button-bg-rgb), 0.04);
            text-decoration: none;
        }

        &:active {
            background: rgba(var(--sys-button-bg-rgb), 0.08);
            text-decoration: none;
        }

        &:focus {
            box-shadow: inset 0 0 0 2px var(--sys-button-bg);
            text-decoration: none;
        }
    }
}
